/* 全局下拉框样式修复 */
/* 解决Vuetify下拉框与动画冲突的问题 */

/* 移除v-select上的所有可能导致定位问题的效果 */
.v-select {
  transform: none !important;
  transition: none !important;
}

.v-select .v-field {
  transform: none !important;
  transition: border-color 0.3s ease !important;
}

/* 确保下拉菜单显示在其他元素之上 */
.v-overlay__content {
  z-index: 9999 !important;
  position: fixed !important;
}

/* 修复菜单定位问题 */
.v-select__content, 
.v-menu__content {
  position: fixed !important;
  transform: none !important;
  transform-origin: center top !important;
  z-index: 9999 !important;
}

/* 防止父元素transform影响下拉菜单定位 */
.v-field__input,
.v-select__selection {
  transform: none !important;
}

/* 确保选择框内容正确显示 */
.v-select__selection {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 修复下拉菜单项动画，防止位置偏移 */
.v-list-item {
  transform: none !important;
  transition: background-color 0.3s ease !important;
}

/* 防止v-field获取焦点时发生移动 */
.v-field:focus-within,
.v-field--focused {
  transform: none !important;
  box-shadow: none !important;
}

/* 修复菜单组件 */
.v-menu {
  z-index: 9999 !important;
}

/* 确保v-btn作为触发器时不受动画影响 */
.v-btn {
  transform: none !important;
}

/* 确保弹出内容有正确的层级和定位 */
.v-overlay {
  z-index: 9999 !important;
}

/* 防止转换效果导致菜单位置错误，但允许图标正常显示 */
[class*="transition"]:not(.v-icon):not(.mdi) {
  transform: none !important;
}

/* 确保图标正常显示 */
.v-icon {
  transform: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-transform: none !important;
  vertical-align: middle !important;
} 